<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>
    <div>
        <!--
        test
    --></div>
    <pre>
    <textarea name="code" id="code" cols="30" rows="10">
    <div>
        <!--
        test
    --></div>
    注意这里 div后面有换行 然后是注释 然后直接是div的结束

    这样在childNodes下 div下 有2个元素 一个text 一个是comment元素
    </textarea>
    </pre>
    <img src="./commentNode.jpg" alt="commentNode"/>
</body>
</html>
